<!DOCTYPE html>
<html lang="">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta id="viewport" name="viewport"
    content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
  <meta data-n-head="ssr" charset="utf-8">
  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
  <title>海淀区智慧人大管理平台</title>
  <link rel="stylesheet" href="./skeleton.css">
  <script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>
  <!-- 引入样式 -->
  <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
  <!-- 引入组件库 -->
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  
</head>

<body>
  <noscript>
    <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled.
      Please enable it to continue.</strong>
  </noscript>
  <div class="loading-skeleton">
    <div class="skeleton-menu skeleton-bg skeleton-animation skeleton-ridus">
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      <div style="width: 90%;height: 40px;margin:  5px auto;"
        class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
    </div>
    <div class="skeleton-box skeleton-bg">
      <div class="skeleton-header skeleton-animation skeleton-bg skeleton-ridus">
        <div style="width: 40px;height: 40px;margin-left:30px"
          class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
        <div class="loading-skeleton">
          <div style="width: 40px;height: 40px;margin-right:30px"
            class="skeleton-animation skeleton-circle skeleton-bg-light"></div>
          <div style="width: 100px;height: 40px;margin-right:30px"
            class="skeleton-animation skeleton-ridus skeleton-bg-light"></div>
        </div>
      </div>
      <div class="skeleton-box-content skeleton-bg skeleton-animation skeleton-ridus">
        <div style="width: 100%;height: 50px;" class="skeleton-tag skeleton-animation skeleton-ridus skeleton-bg-light">
          <div style="width: 60px;height: 30px;margin:  5px;" class="skeleton-animation skeleton-ridus skeleton-bg">
          </div>
          <div style="width: 60px;height: 30px;margin:  5px;" class="skeleton-animation skeleton-ridus skeleton-bg">
          </div>
          <div style="width: 60px;height: 30px;margin:  5px;" class="skeleton-animation skeleton-ridus skeleton-bg">
          </div>
          <div style="width: 60px;height: 30px;margin:  5px;" class="skeleton-animation skeleton-ridus skeleton-bg">
          </div>
        </div>
        <div style="width: 95%;height: 10%;margin: 20px auto;"
          class=" skeleton-animation skeleton-ridus skeleton-bg-light"></div>
        <div style="width: 95%;height: 60%;margin: 20px auto;"
          class=" skeleton-animation skeleton-ridus skeleton-bg-light"></div>
      </div>
    </div>
  </div>
  <div class="loading-page">
    <div class="app-loading-content">
      <div></div>
      <div></div>
      <div></div>
    </div>
    <h1 class="loading-page-h1">加载资源中，请稍后...</h1>
  </div>
  <div id="app"></div>
</body>
<script type="text/javascript">
  var winW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth,
    viewport = document.getElementById("viewport"),
    scale = 1;
  if (winW <= 320) {
    scale = winW / 375.00;
  } else if (winW < 395) {
    scale = (winW - 20) / 375.00;
  }
  if (winW < 395) {
    viewport.content = 'width=device-width,initial-scale=' + scale + ',maximum-scale=' + scale + ',minimum-scale=' +
      scale + ',user-scalable=no';
  }
</script>
</html>